.centerbox {
    /* width: 1200px;
    height: 660px;
    background-color: cornflowerblue;
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    display: flex;
    flex-direction: row;
    justify-content: space-between; */
    width: 95%;
    height: 95%;
    background: #f2f2f2;
    border-radius: 25px;
    display: flex;
    justify-content: space-around;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);


}

.login-right {
    width: 50%;
    height: 100%;
    text-align: center;
    position: relative;

    .login-from {
        width: 60%;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);

        img {
            width: 40px;
            height: 40px;
        }
    }

}

.login-left {
    width: 50%;
    height: 100%;
    background-color: #2984f8;
    position: relative;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;

    img {
        width: 60%;
        height: 40%;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
}